<template>
    <el-dialog
        :visible.sync="dialogState"
        width="640px"
        :close-on-click-modal="false"
        :before-close="dialogClose"
    >
        <div class="dialog-title" slot="title">代金券详情</div>
        <div class="dialog-body">
            <el-form ref="form" label-width="140px">
                <el-form-item label="优惠券类型">代金券</el-form-item>
                <el-form-item label="优惠券名称">5元代金券</el-form-item>
                <el-form-item label="优惠参数">5元</el-form-item>
                <el-form-item label="条件限制">订单满足100元/减10元</el-form-item>
                <el-form-item label="发券总量">100张</el-form-item>
                <el-form-item label="每人限领">1张</el-form-item>
                <el-form-item label="有效期">领取后立即生效，有效期10天</el-form-item>
                <el-form-item label="发券时间">领取后立即生效，有效期10天</el-form-item>
            </el-form>
        </div>
    </el-dialog>
</template>

<script>
export default {
    data(){
        return {
            dialogState:false,

        }
    },
    methods:{
        // 关闭回调
        dialogClose(e){
            this.dialogState = false;
        },
    }
}
</script>

<style lang="less" scoped>
.dialog-title{
    height:30px;
    border-bottom:1px solid #EEEEEE;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
}
.dialog-body{
}
</style>
